<template>
  <div class="view">
    <div class="title">
      <img src="@/assets/img/anime.svg" alt="" class="icon">
      <div class="text">番剧动态</div>
    </div>
    <div class="button">
      <button>换一换</button>
      <button>更多</button>
    </div>
  </div>
</template>

<script>
  export default {
    name: "Top"
  }
</script>

<style scoped>
  .view{
    justify-content: space-between;
    flex: 0 0 100%;
    width: 100%;
    display: flex;

  }

  .icon{
    width: 60px;
    height: 60px;
  }
  .text{
    width: 100%;
  }

  .title {
    display: inline-flex;
    align-items: center;
    flex: 0 0 60%;
  }
  .button {
    flex: 0 0 30%;
    text-align: right;
    align-items: center;
    margin-top: 15px;
    margin-right: 15px;
  }
  .button button{
    margin-left: 5px;
    flex: 0 0 40%;
    background-color: white;
    border-radius: 10px;
    border: 1px solid #666666;
    font: 12px "宋体";
    color: gray;
  }
</style>